<template>
	<div class="">
		<div class="ntf">
			<p class="rpx24 colfff">当前离线，操作将缓存在本机。</p>
			<div class="ntf_xx" @click="close">
				<img src="static/d1.png" />
			</div>
		</div>
	</div>
</template>

<script>
export default {
	data(){
		return{

		}
	},
	methods:{
		close(){
			this.$emit('close')
		}
	}
}
</script>

<style scoped>
	.ntf{position: fixed;bottom: 0;height: 72upx;width: 100%;background:rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: space-between;}
	.ntf p{margin-left: 57upx;}
	.ntf_xx{width:40upx;height:40upx;display:flex;align-items:center;justify-content:center;margin-right: 19upx;}
	.ntf_xx img{display:block;width:24upx;height:24upx;filter: grayscale(100%)}
</style>
